
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>黄世萍的个人网站</title>
	<style>
			* {
		        margin: 0;
		        padding: 0;
		      }
		
		      a {
		        text-decoration: none;
		      }
			  
		      body {
		        background: url("img/魈魈.jpg")
		          no-repeat;
		        background-size: cover;
		        background-attachment: fixed;
		      }
		
		      .content {
		        width: 900px;
		        height: 500px;
		        margin: 100px auto 0 auto;
		        border-radius: 10px;
		        background-color: rgba(236, 236, 236, 0.59);
		        transition: all 1s;
		        /*box-shadow: 0px 0px 20px rgba(0,0,0,0.3);*/
		      }
		      .content:hover {
		        box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8);
		      }
		
		      
	</style>
  </head>
	
  <body>
    <div class="content">
		<div class="work">
		    <div class="item">
		       
		        <a href="./task/练习1/练习1.html" target="_blank">练习1-打印图形</a>
		    </div> 
		    <div class="item">
		        
		        <a href="./task/练习2/练习2.html" target="_blank">练习2-使用DOM操纵图片</a>
		    </div>
		    <div class="item">
		        
		        <a href="./task/练习3/练习3.html" target="_blank">练习3-用键盘操作坦克移动</a>
		    </div>
		    <div class="item">
		        
		        <a href="./task/练习4/练习4.html" target="_blank">练习4-使用jQuery修改表格</a>
		    </div>
		    <div class="item">
		        
		        <a href="./task/练习5/练习5.html" target="_blank">练习5-使用jQuery修改游戏角色</a>
		    </div>
            <div class="item">
		        
		        <a href="./task/练习6/练习6.html" target="_blank">练习6-选择一个jQuery插件制作demo</a>
		    </div>
            <div class="item">
		        
		        <a href="./task/练习7/练习7.html" target="_blank">练习7-判断用户名是否存在</a>
		    </div>
            <div class="item">
		        
		        <a href="./task/实验4/实验4.html" target="_blank">实验4-制作web页面广告</a>
		    </div>
            <div class="item">
		        
		        <a href="./task/实验5/实验5.html" target="_blank">实验5-用户注册验证的设计与实现</a>
		    </div>
  </body>
</html>
